<template>
  <div class="front-view">
    <Header />
    <router-view class="front-container" />
  </div>
</template>

<script setup>
import Header from '@/components/frontHeader.vue' // 根据实际路径调整
</script>
 <style>
.front-view{
  width:100%;
  height:100vh; /* 改为视口高度单位 */
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
}

.front-container {
  flex: 1;
  overflow-y: auto; /* 添加滚动条 */
  padding: 20px 4% 40px; /* 替代margin方案 */
}
</style>